//
// SVG Icon
//



// Base
.e-svg-icon {
    height: 23px;
    width: 23px;

    g {
        [fill] {
            fill: e-brand-color();
        }
    }

    @each $name, $color in $e-state-colors {
        &.e-svg-icon-#{$name} {
            g {
                [fill] {
                    fill: e-get($color, base) !important;
                }
            }
        }
    }


    // Sizing
    &.e-svg-icon--sm {
        height: 20px;
        width: 20px;
    }

    &.e-svg-icon--md {
        height: 30px;
        width: 30px;
    }

    &.e-svg-icon--lg {
        height: 40px;
        width: 40px;
    }

    &.e-svg-icon--xl {
        height: 50px;
        width: 50px;
    }
}
.input-group .e-svg-icon{
    width: 19px;
    height: 19px;
}